<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Admin control panel</title>
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="js/jquery-2.0.3.min.js" type="text/javascript"></script>

</head>
<body>
	<!-- header -->
	<div id="wrapper-header">
		<div class="wrapper">
			<!-- banner -->
			<div class="banner">
				<div class="logo">
					<img src="images/ui/banner-text.png" />
				</div>
			</div>
			<!-- end banner -->

			<!-- navigation -->
			<div class="navigation">
				<!-- menu -->
				<div class="menu" >
			<ul class="clearfix">
				<li><a href="#">Trang quản trị</a>
					<ul>
						<li><a href="#">Quản lý sản phẩm</a></li>
						<li><a href="#" >Quản lý phân loại</a></li>
						<li><a href="#" >Quản lý hãng sản phẩm</a></li>
						
						<li><a href="#" >Quản lý đơn hàng</a></li>
						
						<li><a href="#">Quản lý quảng cáo</a></li>
						<li><a href="#">Quản lý phân loại quảng cáo</a></li>
						
						
						<li><a href="#">Quản lý tin tức</a></li>
						<li><a href="#">Quản lý phân loại tin tức</a></li>
						
						<li><a href="#">Quản lý người dùng</a></li>
						<li><a href="#">Quản lý nhóm người dùng</a></li>
						<li><a href="#">Quản lý Thông tin giao diện website</a></li>
					</ul>
				</li>

				<li>
					<a>Hổ trợ</a>
					<ul>
						<li><a href='/'>Website</a></li>
					</ul>
				</li>
				<li><a>Thư viện</a></li>
			</ul>
		</div>

				<!-- options -->
				<div class="options">
					<span> <a><img src="images/ui/vietnameseflag.png" />Tiếng
							việt</a>
					</span> <span> <a><img src="images/ui/englandflag.png" />Tiếng
							anh</a>
					</span> <span> <a>Xin chào : admin</a>
					</span> <span> <a>Đăng xuất</a>
					</span>

				</div>
				<div class="clearb"></div>
			</div>
			<!-- end navigation -->
			<div class="clearb"></div>
		</div>

		
	</div>
	<!-- end header-->

	<!-- body -->
	<div id="wrapper-selection">
		<div class="wrapper">
			<!-- tool bar -->
			<div class="toolbar">

				<!-- left -->
				<div class="left">
					<img src="images/ui/arrow.png" /> <a href="#">Trang quản trị</a>
				</div>

				<!-- right -->
				<div class="right">
					<ul class="options">
						<li><a href="#" title="Lưu" class="toolbar-save"> <span>&nbsp;</span>
								Lưu
						</a></li>
						<li><a href="#" title="Lưu" class="toolbar-close"> <span>&nbsp;</span>
								Đóng
						</a></li>
						<li><a href="#" title="Lưu" class="toolbar-insert"> <span>&nbsp;</span>
								Thêm
						</a></li>
						<li><a href="#" title="Lưu" class="toolbar-delete"> <span>&nbsp;</span>
								Xóa
						</a></li>
					</ul>

				</div>
				<div class="clearb"></div>
			</div>
			<!-- end tool bar -->

			<!-- Flash Message -->
			<div class="clsFlashMessage">
				<ul>
					<li>Cập nhật dữ liệu thành công!</li>
				</ul>
			</div>

			<!-- End flash message -->
			<div class="content">
				<form id="frmAdminForm">
					<div class="searchBox">
						<!-- title -->
						<div class="searchBoxLeft">
							<label class="title">Tìm kiếm</label>
						</div>

						<!-- search field-->
						<div class="searchBoxRight">
							<div class="blockField">
								<label for="keyword">Từ khóa</label> <input type="text"
									name="keyword" value="" id="keyword">
							</div>
							<div class="blockField">
								<label for="fromDate">Từ ngày</label> <input type="text"
									name="fromDate" value=""
									class="datepicker" id="fromDate">
							</div>
							<div class="blockField">
								<label for="toDate">Đến ngày</label> <input type="text"
									name="toDate" value=""
									class="datepicker" id="toDate">
							</div>
							<div class="blockField">
								<button type='submit' name="search">Tìm kiếm</button>
								<input type='reset' value="Xóa" name="reset" class="reset" />
							</div>
						</div>
						<div class="clearb"></div>
					</div>
					
					<!-- danh sách các phần tử-->
					<div class="listElement">
						<table>
							<thead>
								<tr>
									<th>STT</th>
									<th><input type="checkbox" name='checkall' /></th>
									<th>Tên sản phẩm</th>
									<th>Hình ảnh</th>
									<th>Trạng thái</th>
									<th>Thao tác</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>1</td>
									<td><input type="checkbox" name="id[]" /></td>
									<td>samsung galaxy s3</td>
									<td></td>
									<td>1</td>
									<td><a
											href="#"
											title="cập nhật" class="edit option"> 
											<span class="small-edit-icon">&nbsp;</span>
										</a> 
										<a
											href="#"
											title="xóa" class="delete option"> 
											<span class="small-delete-icon">&nbsp;</span>
										</a>
										</td>
								</tr>
								<tr>
									<td>2</td>
									<td><input type="checkbox" name="id[]" /></td>
									<td>samsung galaxy s3</td>
									<td></td>
									<td>1</td>
									<td>
										<a
											href="#"
											title="cập nhật" class="edit option"> 
											<span class="small-edit-icon">&nbsp;</span>
										</a> 
										<a
											href="#"
											title="xóa" class="delete option"> 
											<span class="small-delete-icon">&nbsp;</span>
										</a>
									</td>
								</tr>

							</tbody>
						</table>
						<div class="controller">
							<label for="itemCountPerPage">Chọn số dòng hiển thị</label> <select
								id="itemCountPerPage">
								<option value="5">5</option>
								<option value="5">10</option>
								<option value="5">20</option>
								<option value="5">30</option>
								<option value="5">40</option>
								<option value="5">50</option>
								<option value="5">Tất cả</option>
							</select>
						</div>
					</div>
				</form>
			</div>

			

			<!-- tool bar -->
			<div class="toolbar">

				<!-- left -->
				<div class="left">
					<img src="images/ui/arrow.png" /> <a href="#">Trang quản trị</a>
				</div>

				<!-- right -->
				<div class="right">
					<ul class="options">
						<li><a href="#" title="Lưu" class="toolbar-save"> <span>&nbsp;</span>
								Lưu
						</a></li>
						<li><a href="#" title="Lưu" class="toolbar-close"> <span>&nbsp;</span>
								Đóng
						</a></li>
						<li><a href="#" title="Lưu" class="toolbar-insert"> <span>&nbsp;</span>
								Thêm
						</a></li>
						<li><a href="#" title="Lưu" class="toolbar-delete"> <span>&nbsp;</span>
								Xóa
						</a></li>
					</ul>

				</div>
				<div class="clearb"></div>
			</div>
			<!-- end tool bar -->

			<div class="clearb"></div>
		</div>

	</div>
	<!-- end body -->

	<!-- start footer -->
	<div id="wrapper-footer">
		<div class="wrapper">
			<p>
				Copyright&copy; by <b>hoanghac1089@yahoo.com</b>
			</p>
		</div>
	</div>
	<!-- end footer -->
</body>

</html>